// toolbar工具栏的工具选项（默认展示全部）
export const toolOptions = [
  ['bold', 'italic', 'underline', 'strike'],
  ['blockquote', 'code-block'],
  [{
    'header': 1
  }, {
    'header': 2
  }],
  [{
    'list': 'ordered'
  }, {
    'list': 'bullet'
  }],
  [{
    'script': 'sub'
  }, {
    'script': 'super'
  }],
  [{
    'indent': '-1'
  }, {
    'indent': '+1'
  }],
  [{
    'direction': 'rtl'
  }],
  [{
    'size': ['small', false, 'large', 'huge']
  }],
  [{
    'header': [1, 2, 3, 4, 5, 6, false]
  }],
  [{
    'color': []
  }, {
    'background': []
  }],
  [{
    'font': []
  }],
  [{
    'align': []
  }],
  ['clean'],
  // ['link', 'image', 'video']
  ['image']
]

// handler重写事件, 任何工具按钮的功能都可以重写，这里只重写图片上传事件
export const handlers = {
  'image': function(value) {
    if (value) {
      // 触发input框选择图片文件
      document.querySelector('.editor-uploader input').click()
    } else {
      this.quill.format('image', false);
    }
  }
}
// 全部配置
export const editorOptions = {
  placeholder: '请在这里编辑显示文本',
  theme: 'snow', // 主题
  modules: {
    toolbar: {
      container: toolOptions, // 工具栏选项
      handlers: handlers // 事件重写
    },
    // imageDrop: true, // 图片拖拽
    imageResize: { // 放大缩小
      modules: ['Resize', 'DisplaySize']
    }
  }
}

export const multiEditorOptions = (placeholder, ownClass) => {
  return {
    placeholder: placeholder,
    theme: 'snow', // 主题
    modules: {
      toolbar: {
        container: toolOptions, // 工具栏选项
        handlers: {
          'image': function(value) {
            if (value) {
              // 触发input框选择图片文件
              document.querySelector('.editor-uploader.' + ownClass + ' input ').click()
            } else {
              this.quill.format('image', false);
            }
          }
        }
      },
      // imageDrop: true, // 图片拖拽
      imageResize: { // 放大缩小
        modules: ['Resize', 'DisplaySize']
      }
    }
  }
}
